<template>
  <div class="text" @click="backtext">
    <div class="textLeft">{{textLeft}}</div>
    <div class="textRight">{{textRight}}</div>
    <div>
      <span class="iconfont iconjiantou1"></span>
    </div>
  </div>
</template>

<script>
export default {
  props: ["textLeft", "textRight"],
  methods: {
    backtext() {
      this.$emit("back");
    }
  }
};
</script>

<style lang="less" scoped>
.text {
  height: 60px;
  display: flex;
  border-bottom: solid 1px #eee;
  margin-left: 10px;
  line-height: 60px;
  font-size: 14px;
  .textLeft {
    flex: 1;
  }
  .textRight {
    flex: 1;
    // margin-left: 160px;
    text-align: right;
  }
  .iconjiantou1 {
    font-size: 16px;
    margin-right: 20px;
    margin-left: 5px;
  }
}
</style>